<div class="box box-default">
    <div class="box-body">
        <form class="form-inline">
            <div class="form-group">
                <label class=" control-label">文档名称：</label>
                <input type="email" class="form-control" id="inputEmail3" placeholder="文档名称">
            </div>
            <button type="button" class="btn btn-primary"><i class="fa fa-search"></i>查询</button>
            <button type="button" class="btn btn-primary"><i class="fa fa-upload"></i>上传</button>
        </form>
    </div>
</div>
<div class="box box-default">
    <div class="box-body">
        <!-- <hr> -->
        <table class="table table-bordered table-hover table-striped">
            <thead>
                <tr>
                    <th></th>
                    <th>标题</th>
                    <th>版本</th>
                    <th>文件类别</th>
                    <th>作者</th>
                    <th>发起部门</th>
                    <th>撰写日期</th>
                    <th>状态</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let item of lawList" (click)="toastModal()">
                    <td>
                        <input type="checkbox">
                    </td>
                    <td>{{item.name}}</td>
                    <td>
                        <a>{{item.version}}</a>
                    </td>
                    <td>{{item.type}}</td>
                    <td>{{item.dept}}</td>
                    <td>{{item.user}}</td>
                    <td>{{item.time}}</td>
                    <td>
                        {{item.status}}
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="box-footer clearfix">
        <ul class="pagination pagination-sm no-margin pull-right">
            <li><a>&laquo;</a></li>
            <li class="active"><a>1</a></li>
            <li><a>2</a></li>
            <li><a>3</a></li>
            <li><a>&raquo;</a></li>
        </ul>
    </div>
</div>
<div class="modal fade myModal11 in" id="Modal111111" style="display: none; padding-left: 0px;">
    <!--模态框-->
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" data-dismiss="modal">×</button>
                <h4>详细信息</h4>
            </div>
            <div class="modal-body">
                <table class="table table-bordered table-hover table-striped">
                    <thead>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="4" style="text-align: center;">文件</td>
                        </tr>
                        <tr>
                            <td>标题</td>
                            <td colspan="3">上海证券交易所非公开发行公司债券业务管理暂行办法</td>
                        </tr>
                        <tr>
                            <td>所属目录</td>
                            <td colspan="3">公司规章制度/5.监管法规/交易所业务规则</td>
                        </tr>
                        <tr>
                            <td>文件类型</td>
                            <td>规章制度</td>
                            <td>版本号</td>
                            <td>1</td>
                        </tr>
                        <tr>
                            <td>所属部门</td>
                            <td>监察部</td>
                            <td>作者</td>
                            <td>李冲天</td>
                        </tr>
                        <tr>
                            <td>创建日期</td>
                            <td>2015-05-17</td>
                            <td>发布日期</td>
                            <td>2015-05-17</td>
                        </tr>
                        <tr>
                            <td>最后更新者</td>
                            <td></td>
                            <td>更新日期</td>
                            <td>2015-05-17</td>
                        </tr>
                        <tr>
                            <td>阅读范围</td>
                            <td colspan="3"></td>
                        </tr>
                        <tr>
                            <td>备注</td>
                            <td colspan="3"></td>
                        </tr>
                        <tr>
                            <td>附件</td>
                            <td colspan="3">
                                <a>文件附件.doc</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <div class="form-group">
                    <div class="col-sm-4 col-sm-offset-3">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
